| layui弹出层处理（获取、操作弹出层数据等） | 您所在的位置：网站首页 › layui弹出层的content 按钮 › layui弹出层处理（获取、操作弹出层数据等） |
|
要点： 字符串被渲染为弹窗层之后，回自动转换为DOM，可以使用jq进行各种操作 DOCTYPE html> 开始使用layui aa 显示弹出层 $(function(){ //打开弹窗 $("#start").on("click",function(){ f1(); }); //添加文件名称按钮 $(document).on("click", "#add", function () { var name = $("#doc_name").val(); if(!name){ alert("请输入正确文件名称！"); return; } var s = ` ${name} 移除 `; $("#name_list").append(s); $("#doc_name").val(""); }); //移除当前文件名 $(document).on("click", ".remove", function () { $(this).remove(); }); }); function f1(){ //弹出层内容 var s = ` 文件名： 添加 待入库文件： `; //打开弹出层 layer.open({ type: 1, skin: 'layer-cover', area: ['900px', '470px'], anim: 5, title: "xx文件入库", content: s, btn: ['入库'], yes: function(){ //执行入库方法 var arr = []; $(".names").each(function(i){ var name = $(this).text(); arr.push(name); }) alert(arr); }, btnAlign: 'c', shadeClose:'true', end: function(index, layero){ } }); }
|
| CopyRight 2018-2019 实验室设备网 版权所有 |